<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>层叠样式</title>
		<style type="text/css">
			h2{
				color: forestgreen;/*文字颜色*/
				font-size: 28px;/*文字大小*/
				text-align: center;/*文本居中显示*/
			}
			p{
				color: red;
			}
			.xx{        /* .是类选择器*/
				font-size: 36px;
			}
			#1{        /*#是id选择器*/
				color: black;
			}
		</style>
		<link  href="css/1.css" rel="stylesheet"/>
		<!-- 关联外部样式：link标签 -->
	</head>
	<body>
		<!-- 引入样式：
		 1.内联样式：在标签中加入style属性
		 2.内部样式：在html文件中用
		 3.外部样式：
		 step1:书写css样式文件
		 step2:在html文件中用link关联样式表
		同时对一个标签作用内联样式，内部样式和外部样式时，样式采用优先级，
		内联样式优先级最高，
		内部样式和外部样式中谁离标签更近，
		谁的优先级更高。
		 -->
		 <!--color:文字颜色
		 font：文字   size:大小   font-size:文字大小
		 -->
		 <!-- 选择器
		  1.标签选择：选择标签
		  2.类选择：在结构中用class属性，在样式中使用.类名
		  3.ID选择：
		  -->
		<h2>古诗中文网</h2>
		<h3 style="color: crimson;text-align: center; font-size: 30px;" class="xx">
			江雪</h3>
		<p class="xx">千山鸟飞尽，万径人踪灭。</p>
		<p class="xx" id="1">孤舟蓑笠翁，独钓寒江雪。</p>
		
	</body>
</html>